<style>
    table tr > th, table tr > td {
        text-align: center;
        vertical-align: middle !important;
    }
    #status td {
        text-align: left;
    }
</style>
<div>
    <div class="statistic-box bg-success m-bottom-md" style="margin: 0;padding: 5px;border-radius: 0;">
        {#<div class="statistic-title">#}
        {#</div>#}
        <div class="statistic-value">
            {{ schoolName }}
        </div>
        <div class="m-top-md" style="margin: 0;">
            {% for group in groups %}
                <i style="display:block">
                    {{ group['sGroupName'] }} -
                    {{ group['mStandard']['topicExec'] }}题 ({{ group['mStandard']['topicExecUp'] }}题↑&nbsp;{{ group['mStandard']['topicExecDown'] }}题↓)&nbsp;&nbsp;
                    {{ group['mStandard']['rightRate'] }}% ({{ group['mStandard']['rightRateUp'] }}%↑&nbsp;{{ group['mStandard']['rightRateDown'] }}%↓)
                </i>
            {% endfor %}
        </div>
    </div>
    <div class="statistic-icon-background">
        <i class="ion-eye"></i>
    </div>

    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active">
            <a href="#studs" aria-controls="studs" role="tab" data-toggle="tab">数据表</a>
        </li>
        <li role="presentation">
            <a href="#status" aria-controls="status" role="tab" data-toggle="tab">达标分析</a>
        </li>
    </ul>

    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="studs">
            <table class="table table-hover">
                <tr class="info">
                    <th>姓名</th>
                    <th>题量</th>
                    <th style="max-width: 20%">正确率</th>
                    <th>做对量</th>
                    <th>老师任务</th>
                    <th>达标情况</th>
                </tr>
                {% for row in studs %}
                    <tr>
                        <td>{{ row['userName'] }}</td>
                        <td>{{ row['execNum'] }}</td>
                        <td>{{ row['rightRate'] }}%</td>
                        <td>{{ row['rightNum'] }}</td>
                        <td>{{ row['groupName'] }}</td>
                        <td>{{ row['status'] }}</td>
                    </tr>
                {% endfor %}
                {% if total is defined %}
                    <tr class="success">
                        <td>总计</td>
                        <td>{{ total['execNum'] }}</td>
                        <td>{{ total['rightRate'] }}%</td>
                        <td>{{ total['rightNum'] }}</td>
                        <td></td>
                        <td></td>
                    </tr>
                {% endif %}
            </table>
        </div>
        <div role="tabpanel" class="tab-pane" id="status">
            <table class="table table-bordered" style="text-align: left;">
                <tr class="info">
                    <th style="width:30%; ">达标情况</th>
                    <th>名单</th>
                </tr>
                {% for row in status %}
                    <tr>
                        <td>{{ row['explain'] }}</td>
                        <td>
                            {% for name in row['data'] %}
                                {{ name }}、
                            {% endfor %}
                        </td>
                    </tr>
                {% endfor %}
            </table>
        </div>
    </div>

</div>